.index-component .recommend-page-list {
    margin: 0 auto;
    width: 1080px;
    align-items: center;
    height: 100%;
    padding-top: 20px;
}

.index-component .recommend-page-list .page-item {
    float: left;
    padding: 10px;
}

.index-component .recommend-page-list .page-item .page-item-image {
    width: 250px;
    height: 250px;
    line-height: 250px;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    background-color: aliceblue;
}

.index-component .recommend-page-list .page-item-label {
    text-align: center;
    font-size: larger;
    font-weight: 700;
    margin-top: 5px;
    color: #337ab7;
    cursor: pointer;
}

.index-component .recommend-page-list .page-item .restful-api-manager {
    background-image: url("../image/microservice.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px;
}

.index-component .recommend-page-list .page-item .user-group-manager {
    background-image: url("../image/group.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px;
}

.index-component .recommend-page-list .page-item .user-permission-control {
    background-image: url("../image/authorize.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px;
}

.index-component .recommend-page-list .page-item .front-element-manager {
    background-image: url("../image/app.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px;
}


.index-component .recommend-page-list .page-item .schedule-task-register {
    background-image: url("../image/schedule.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px;
}

.index-component .recommend-page-list .page-item .schedule-task-log {
    background-image: url("../image/schedule-log.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px;
}
